/*
 * @Author: zhangzhanyan 
 * @Date: 2021-07-19 20:00:17 
 * @Last Modified by: zhangzhnayan
 * @Last Modified time: 2021-07-19 21:46:16
 */

import { useState } from "react"


export default function Tool() {
    const [iconList] = useState([
        {
            icon: "icon-shangyi-",
            name: "找经纪人"
        },
        {
            icon: "icon-wenda",
            name: "问答"
        },
        {
            icon: "icon-baike",
            name: "百科"
        },
        {
            icon: "icon-dianhua",
            name: "电话"
        },
        {
            icon: "icon-jisuanqi",
            name: "计算器"
        },
    ])
    return (
        <div className="Tool-warp">
            <div>常用工具</div>
            <div>
                {
                    iconList.map((item, index) => {
                        return (
                            <dl key={index}>
                                <dt>
                                    <i className={`iconfont ${item.icon}`}></i>
                                </dt>
                                <dd>{item.name}</dd>
                            </dl>
                        )
                    })
                }

            </div>
        </div>
    )
}